<template>
 <div>
  <!-- 因为是动态 所以是: -->
  <Myproduct 
  v-for="item in list" :key='item.id' 
  :wei=item.proname
  :su=item.proprice
  :xx="msg"
  
  >
  </Myproduct>
  
 </div>
</template>

<script>
import Myproduct from "./components/Myproduct.vue";

export default {
  //必须要祖册才能导入出来
  components: {
    //属性名与值一样 直接写名就行 且 这是局部组件
  // Myproduct:Myproduct
  Myproduct
    
  },
  data() {
    return {
    msg:'张宇小可爱',
    list: [
  { id: 1, proname: '超级好吃的棒棒糖', proprice: 18.8 },
  { id: 2, proname: '超级好吃的大鸡腿', proprice: 34.2 },
  { id: 3, proname: '超级无敌的冰激凌', proprice: 14.2 }
] 

    }
  }
}
</script>

<style>

</style>